

<body>
<div id="SAO-back">
  <head>
    <link rel="stylesheet" href="css/SAO_Menu.css">
  </head>
  <div class="main-list"></div>
  <div class="main-list"></div>
  <div class="main-list"></div>
  <div class="main-list"></div>
  <div class="main-list"></div>
  <div id="SAO-menu">
    <div id="SAO-menu-content">
      <div id="menu-list">
        <div class="menu-list-item" onclick="clickAudio()">Options</div>
        <div class="menu-list-item" onclick="clickAudio()" onmouseover="Mouseover()"  onmouseout="Mouseout()">Help
          <div class="menu-child" style="top: -50px;" >
            <div class="menu-list-child" onclick="window.tidioChatApi.show();window.tidioChatApi.open();" >Help</div>
          </div>
        </div>
        <div class="menu-list-item" onclick="clickAudio()"  onmouseover="Mouseover()"  onmouseout="Mouseout()">Menu
          <div class="menu-child" style="top: -75px;">
            <div class="menu-list-child" onclick="clickAudio()">Menu</div>
            <div class="menu-list-child" onclick="clickAudio()">Menu</div>
          </div>
        </div>
        <div class="menu-list-item" onclick="clickAudio()" >Equipment
          <div class="menu-child" style="top: -100px;">
            <div class="menu-list-child" onclick="clickAudio()">Equipment</div>
            <div class="menu-list-child" onclick="clickAudio()">Equipment</div>
            <div class="menu-list-child" onclick="clickAudio()">Equipment</div>
          </div>
        </div>
        <div class="menu-list-item" style="text-decoration:line-through" onclick="clickAudio()">Logout</div>
      </div>
    </div>
  </div>
</div>
<audio id="SAOlauncher" src="assets/Popup.SAO.Launcher.wav"></audio>
<audio id="SAOClick" src="assets/Feedback.SAO.Click.wav"></audio>
<script type="text/javascript" src="js/SAO_Menu.js"></script>
</body>
